<!DOCTYPE html>
<html xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4" xmlns:th="http://www.thymeleaf.org">
<head th:include="_meta">
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">

    <title>北大药学院</title>
    <link rel="stylesheet" th:href="@{/xadmin/css/font.css}">
    <link rel="stylesheet" th:href="@{/xadmin/css/xadmin.css}">
    <link href="../../static/layui/css/layui.css" rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <link href="/css/patient.css" rel="stylesheet" th:href="@{/css/patient.css}">
    <link href="../../static/css/patient.css" rel="stylesheet">
    <!-- <link rel="stylesheet" href="./css/theme5.css"> -->
    <link href="../../static/bootstrap/css/bootstrap.min.css" rel="stylesheet"
          th:href="@{/bootstrap/css/bootstrap.min.css}">
    <link href="../../static/h-ui/css/layui.css" rel="stylesheet" th:href="@{/h-ui/css/layui.css}">
    <link href="../../static/css/patient.css" rel="stylesheet" th:href="@{/css/patient.css}">
    <link href="../../static/css/patients.css" rel="stylesheet">
    <script src="../../static/lib/jquery/1.9.1/jquery.js" th:src="@{/lib/jquery/1.9.1/jquery.js}"></script>
    <script src="../../static/bootstrap/js/bootstrap.min.js" th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
    <!-- 后加   -->
    <!--<script th:src="@{/xadmin/lib/layui/layui.js}" charset="utf-8"></script>-->
    <script th:src="@{/xadmin/js/xadmin.js}" type="text/javascript"></script>

    <!-- 先加   -->
    <script charset="utf-8" th:src="@{/xadmin/lib/layui/layui.js}"></script>
    <script th:src="@{/xadmin/js/xadmin.js}" type="text/javascript"></script>

    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <script src="../../static/layui/layui.js" th:src="@{/layui/layui.js}"></script>
    <![endif]-->
    <script>
        // 是否开启刷新记忆tab功能
        var is_remember = false;
    </script>

    <!--[if IE 6]>
    <script type="text/javascript" th:src="@{/lib/DD_belatedPNG_0.0.8a-min.js}"
            src="lib/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>DD_belatedPNG.fix('*');</script><![endif]-->
    <style>
        * {
            padding: 0;
            margin: 0;
        }
    </style>
    <!--先后有 后删-->
    <script src="../../static/layui/layui.js"></script>
    <link href="../../static/layui/css/layui.css" rel="stylesheet">
    <link href="/css/patient.css" rel="stylesheet">
    <link href="../../static/css/patient.css" rel="stylesheet">
    <script src="../../static/lib/jquery/1.9.1/jquery.js" th:src="/static/lib/jquery/1.9.1/jquery.js"></script>

<!-- 头   -->
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
    <style class="vjs-styles-defaults">
        .video-js {
            width: 300px;
            height: 150px;
        }

        .vjs-fluid {
            padding-top: 56.25%
        }
    </style>
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover" data-n-head="ssr"
          name="viewport"/>
    <meta content="北大·药学网" data-hid="keywords" data-n-head="ssr" name="keywords"/>
    <meta content="北大·药学网" data-hid="description" data-n-head="ssr" name="description"/>

    <link data-n-head="ssr" href="https://www.shiyanlou.com/favicon.ico" rel="icon" type="image/x-icon"/>

    <link href="../../static/css/font-awesome.min.css" rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
    <link href="../../static/css/86f593af7c5eb74dff56.css" rel="stylesheet" th:href="@{/css/86f593af7c5eb74dff56.css}">
    <link href="../../static/css/d10a32c2b04bc2c60e4b.css" rel="stylesheet" th:href="@{/css/d10a32c2b04bc2c60e4b.css}">

</head>
<body>
<!--<div style="width: 100%;background-color: #ffffff;height: 80px;box-shadow:0 10px 10px 0 #66788152;position: fixed;right:0;left: 0;z-index: 11">-->
<!--    <div style="width: 90%;margin: 0 auto;display: flex;justify-content:space-between">-->
<!--        <div>-->
<!--            &lt;!&ndash;            <img src="/zp/bjdxrmyy.png">&ndash;&gt;-->
<!--            <h1 style="padding: 15px;">北大·药学院</h1>-->
<!--        </div>-->
<!--        <div style="display: flex;margin-top:25px;padding: 3px">-->
<!--            <div>王大壮&nbsp;|</div>-->
<!--            <div style="padding-top: 2px;">&nbsp;20200107304&nbsp;|</div>-->
<!--            <div>&nbsp;临床护理</div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<!--页头-->
<!--<div id="__nuxt">-->
<!--    <div id="__layout">-->
<!--        <div data-v-5cf36c03="">-->
<!--            <div class="header-adver hidden" data-v-5cf36c03="" data-v-ee945d3a="">-->
<!--                &lt;!&ndash; <a class="block" data-v-ee945d3a="" href="#" target="_blank">-->
<!--                     <img class="adver-img" data-v-ee945d3a=""-->
<!--                          src="../../static/zp/1578279258586_TopBanner.png" th:src="@{zp/1578279258586_TopBanner.png}"-->
<!--                          title="我的2019"/></a>&ndash;&gt;-->

<!--                <div class="btn-close" data-v-ee945d3a="">-->
<!--                    &lt;!&ndash;-->
<!--                     <img data-v-ee945d3a="" src="" alt="close" />&ndash;&gt;-->

<!--                </div>-->
<!--            </div>-->
<!--            <div class="body" data-v-5cf36c03="" style="min-height: 65px;">-->

<!--                <div class="home" data-v-5cf36c03="">-->
<!--                    <nav class="navbar navbar page-header-navbar navbar-light fixed-top navbar-expand-md fixed"-->
<!--                         data-v-506b1e52=""-->
<!--                         style="">-->
<!--                        &lt;!&ndash;页头&ndash;&gt;-->
<!--                        <div class="container" data-v-506b1e52="">-->
<!--                            <button aria-controls="nav-collapse" aria-expanded="false" aria-label="Toggle navigation"-->
<!--                                    class="navbar-toggler" data-v-506b1e52="" type="button"><span-->
<!--                                    class="navbar-toggler-icon"></span></button>-->
<!--                            <a class="navbar-brand nuxt-link-exact-active nuxt-link-active" data-v-506b1e52="" href="#" style="font-size: 20px;padding-top: 9px">-->
<!--                                北大·医学网-->

<!--                            </a>-->
<!--                            <div class="nav-collapse navbar-collapse collapse" data-v-506b1e52="" id="nav-collapse"-->
<!--                                 style="display:none;">-->
<!--                                <ul class="navbar-nav base-menu" data-v-506b1e52="">-->
<!--                                    <div class="dropdown b-dropdown base-menu-dropdown btn-group" id="__BVID__19">-->
<!--                                        <button class="btn btn-secondary" id="__BVID__19__BV_button_" type="button">-->
<!--                                            <div style="font-size: 16px">-->
<!--                                                科室-->

<!--                                            </div>-->
<!--                                        </button>-->
<!--                                        <button aria-expanded="false" aria-haspopup="true"-->
<!--                                                class="btn dropdown-toggle btn-secondary dropdown-toggle-split"-->
<!--                                                id="__BVID__19__BV_toggle_"-->
<!--                                                type="button"><span class="sr-only">Toggle Dropdown</span>-->
<!--                                        </button>-->
<!--                                        <ul aria-labelledby="__BVID__19__BV_button_" class="dropdown-menu" role="menu"-->
<!--                                            tabindex="-1">-->
<!--                                            <li class="dropdown-item" data-v-6c16a48e="" role="presentation"><a-->
<!--                                                    class="dropdown-item"-->
<!--                                                    href="#"-->
<!--                                                    role="menuitem"-->
<!--                                                    target="_self">-->
<!--                                                内科-->
<!--                                            </a></li>-->
<!--                                            <li class="dropdown-item" data-v-6c16a48e="" role="presentation"><a-->
<!--                                                    class="dropdown-item"-->
<!--                                                    href="#"-->
<!--                                                    role="menuitem"-->
<!--                                                    target="_self">-->
<!--                                                心血管内科-->
<!--                                            </a></li>-->
<!--                                            <li class="dropdown-item" data-v-6c16a48e="" role="presentation"><a-->
<!--                                                    class="dropdown-item"-->
<!--                                                    href="#"-->
<!--                                                    role="menuitem"-->
<!--                                                    target="_self">-->
<!--                                                神经内科-->
<!--                                            </a></li>-->
<!--                                            <li class="dropdown-item" data-v-6c16a48e="" role="presentation"><a-->
<!--                                                    class="dropdown-item"-->
<!--                                                    href="#"-->
<!--                                                    role="menuitem"-->
<!--                                                    target="_self">-->
<!--                                                肿瘤科-->
<!--                                            </a></li>-->
<!--                                            <li class="dropdown-item" data-v-6c16a48e="" role="presentation"><a-->
<!--                                                    class="dropdown-item"-->
<!--                                                    href="#"-->
<!--                                                    role="menuitem"-->
<!--                                                    target="_self">-->
<!--                                                传染病科-->
<!--                                            </a></li>-->
<!--                                            <li class="dropdown-item" data-v-6c16a48e="" role="presentation"><a-->
<!--                                                    class="dropdown-item"-->
<!--                                                    href="#"-->
<!--                                                    role="menuitem"-->
<!--                                                    target="_self">-->
<!--                                                消化内科-->
<!--                                            </a></li>-->
<!--                                        </ul>-->
<!--                                    </div>-->
<!--                                    <li class="nav-item relative" data-v-6954850b=""><a-->
<!--                                            class="nav-link relative inline-block"-->
<!--                                            data-v-6954850b=""-->
<!--                                            href="#"><span-->
<!--                                            data-v-6954850b="">实验室</span>-->
<!--                                    </a></li>-->
<!--                                    <li class="nav-item relative" data-v-6954850b=""><a-->
<!--                                            class="nav-link relative inline-block"-->
<!--                                            data-v-6954850b=""-->
<!--                                            href="#"><span-->
<!--                                            data-v-6954850b="">实训室</span>-->
<!--                                    </a></li>-->
<!--                                    <li class="nav-item relative" data-v-6954850b=""><a-->
<!--                                            class="nav-link relative inline-block"-->
<!--                                            data-v-6954850b=""-->
<!--                                            href="#"><span-->
<!--                                            data-v-6954850b="">答疑室</span>-->
<!--                                        &lt;!&ndash;-->
<!--                                        <img src="./在线做实验，高效学编程 - 实验楼_files/02a4001.svg" class="icon" data-v-6954850b="" />-->
<!--                                        &ndash;&gt;-->
<!--                                    </a></li>-->
<!--                                    <div class="dropdown b-dropdown base-menu-dropdown btn-group" id="__BVID__35">-->
<!--                                        <button class="btn btn-secondary" id="__BVID__35__BV_button_" type="button">-->
<!--                                            <div style="font-size: 16px">-->
<!--                                                社区-->

<!--                                            </div>-->
<!--                                        </button>-->
<!--                                        <button aria-expanded="false" aria-haspopup="true"-->
<!--                                                class="btn dropdown-toggle btn-secondary dropdown-toggle-split"-->
<!--                                                id="__BVID__35__BV_toggle_"-->
<!--                                                type="button"><span class="sr-only">Toggle Dropdown</span>-->
<!--                                        </button>-->
<!--                                        <ul aria-labelledby="__BVID__35__BV_button_" class="dropdown-menu" role="menu"-->
<!--                                            tabindex="-1">-->
<!--                                            <li class="dropdown-item" data-v-6c16a48e="" role="presentation"><a-->
<!--                                                    class="dropdown-item"-->
<!--                                                    href="#"-->
<!--                                                    role="menuitem"-->
<!--                                                    target="_self">-->
<!--                                                讨论-->
<!--                                            </a></li>-->
<!--                                            <li class="dropdown-item" data-v-6c16a48e="" role="presentation"><a-->
<!--                                                    class="dropdown-item"-->
<!--                                                    href="#"-->
<!--                                                    role="menuitem"-->
<!--                                                    target="_self">-->
<!--                                                教程库-->
<!--                                            </a></li>-->
<!--                                            <li class="dropdown-item" data-v-6c16a48e="" role="presentation"><a-->
<!--                                                    class="dropdown-item"-->
<!--                                                    href="#"-->
<!--                                                    role="menuitem"-->
<!--                                                    target="_self">-->
<!--                                                在线答疑-->
<!--                                            </a></li>-->

<!--                                        </ul>-->
<!--                                    </div>-->
<!--                                </ul>-->
<!--                                <div class="navbar-nav ml-auto base-menu base-menu-right" data-v-506b1e52="">-->
<!--                                    &lt;!&ndash;-->
<!--                                           <li class="nav-item"><span class="nav-link enterprise"><a href="#" target="_blank"> 企业版 </a> <span>|</span> <a href="#" target="_blank"> 学校版 </a></span></li>-->
<!--                                &ndash;&gt;-->
<!--                                    <div class="search-container">-->
<!--                                        <div class="search">-->
<!--                                            <li class="form-inline">-->
<!--                                                <form class="form-inline">-->
<!--                                                    <input class="mr-sm-2 form-control form-control-sm" id="__BVID__54"-->
<!--                                                           placeholder="搜索 科室"-->
<!--                                                           type="text"-->
<!--                                                           value=""/>-->
<!--                                                    <button class="btn my-2 my-sm-0 btn-secondary btn-sm" type="button">-->
<!--                                                        <i class="fa fa-search"></i></button>-->
<!--                                                </form>-->
<!--                                            </li>-->
<!--                                        </div>-->
<!--                                    </div>-->

<!--                                </div>-->

<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </nav>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<div><img src="../../static/zp/header_title.png" th:src="@{/zp/header_title.png}"/></div>
<div style="width: 95%;padding-bottom: 10px;background-color: #ffffff;margin: 0 auto;padding-top: 30px;padding-bottom:20px;display: flex;justify-content: space-between;font-size: 16px;z-index: 1">
    <div class="new_shadow" style="width: 32%;height: 700px">
        <div style="border-right: 1px solid #b3b3b3;height: 700px;padding: 40px 20px;border-radius: 10px;"
             th:each="patients:${patient}">
            <legend style="font-size: 23px;padding-bottom: 15px"><b>病人信息</b></legend>
            <div class="caller-main caller-fl" style="padding-left: 10px; margin-bottom: 10px;">
                <span th:text="${patients.patientName}">王强</span>&nbsp;&nbsp;
                <span th:text="${patients.sex eq 1? '男':'女'}">男</span>&nbsp;&nbsp;
                <span th:text="${patients.age}">24</span>
                <input disabled="disabled" id="patientId" th:value="${patients.id}" type="hidden">
            </div>
            <div style="margin-top: 15px">
                <span style="padding:5px 2px 5px 10px;">临床诊断:</span><span
                    style="padding-right:5px;" th:text="${patients.diagnosis}"></span>
                </span>


                <span style="padding:5px 2px 5px 10px;">身高:</span><span
                    style="padding-right:5px;" th:text="${patients.height}">174.8</span>
                </span>

                <span style="padding:5px 2px 5px 10px;">体重:</span><span
                    style="padding-right:5px;" th:text="${patients.weight}">60.0</span>
                </span>
                <input disabled="disabled" id="departmentId" th:value="${patients.departmentId}"
                       type="hidden">
            </div>
            <div style="margin-top: 15px;padding-left:5px ">
               <span style="padding: 6px;box-sizing: border-box;display: inline;"
                     th:class="${patient.fetation eq 1}?'layui-badge layui-bg-orange':'layui-badge'"
                     th:text="${patient.fetation eq 1}? '怀孕':'未怀孕'">未怀孕</span>
                <span style="padding: 6px;box-sizing: border-box;display: inline;"
                      th:class="${patient.lactation eq 1 }? 'layui-badge layui-bg-orange':'layui-badge'"
                      th:text="${patient.lactation eq 1} ? '哺乳':'未哺乳'">哺乳</span>
            </div>
            <div class="layui-tab" style="margin-top: 20px;">
                <ul class="layui-tab-title">
                    <li class="layui-this" style="border-bottom-color:#f2f2f2">病人病史</li>
                    <li>过敏史</li>
                    <li>家庭遗传病史</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show"
                         style="border-left: 3px #009900 solid; padding-left:10px;"
                         th:text="${patients.medicalHistory}">无
                    </div>
                    <div class="layui-tab-item"
                         style="border-left: 3px #009900 solid;padding-left: 10px;"
                         th:text="${patients.allergy}">
                        对花粉过敏
                    </div>
                    <div class="layui-tab-item"
                         style="border-left: 3px #009900 solid;padding-left: 10px;"
                         th:text="${patients.geneticDisease}">
                        心脏病
                    </div>

                </div>
            </div>
            <div style="clear: both"></div>
            <div style="margin-top: 10px;padding: 10px">
                <h4 style="font-size: 21px">病情阐述</h4>
                <p style="line-height: 27px;margin-top: 10px" th:text="${patients.stateill}">大概一周前，天气比较寒冷，下楼拿快递，当天晚上就感觉浑身发热、略带一些头疼，第二天早上起来就开始咳嗽打喷嚏，我就赶快去附近的小门诊拿药，吃了一天略有好转，但是由于工作太忙，就吃一天药，感冒没有好彻底，昨天感冒突然加重，并且还有一点低烧，嗓子很痒，伴随头晕</p>
            </div>

        </div>
    </div>
    <div style="width: 69%;height: 700px;padding: 40px 15px 10px;overflow-y: scroll">
        <legend style="font-size: 23px;padding-bottom: 15px"><b>开方详情</b></legend>
        <div style="display: flex;justify-content: space-between">
            <div style="float: left">
                <img style="width: 140px" src="../../static/zp/tiaoxingma.png" th:src="@{/zp/tiaoxingma.png}"/><br/><br/>
                <div style="font-size: 13px;float:left">定点医疗机构编制：021110002</div>
            </div>
            <div style="text-align: center">
                <div style="padding-bottom: 3px;font-size: 24px;">北京大学人民医院</div>
                <div style="font-size: 14px;">PEKING UNIVERSITY PEOPLE'S HOSPITAL</div>
                <div style="font-weight: 600;padding-top: 5px;font-size: 19px;font-family:新宋体"><b>医疗保险处方笺</b>
                </div>
            </div>
            <div style="width: 200px;padding-top: 50px;font-weight: 600;font-size: 18px;">
                底方[医保]
            </div>
        </div>
        <div style="display: flex;justify-content: space-between;margin-top: 5px;font-size: 13px">
            <div style="padding: 0 7px;">
                <div style="float: left;padding-top: 5px;">申请科室：</div>
                <div contenteditable="true"
                     style="padding-top: 2px;width: 120px;height: 22px;border-bottom: 1px solid #0C0C0C;float: left;outline: none">
                    呼吸内科
                </div>
                <div style="clear: both"></div>
                <div style="float: left;padding-top: 5px;">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</div>
                <div contenteditable="true"
                     style="padding-top: 2px;width: 120px;height: 22px;border-bottom: 1px solid #0C0C0C;float: left;outline: none"></div>
                <div style="clear: both"></div>
                <div style="float: left;padding-top: 5px;">单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位：</div>
                <div contenteditable="true"
                     style="padding-top: 2px;width: 120px;height: 22px;border-bottom: 1px solid #0C0C0C;float: left;outline: none"></div>
                <div style="clear: both"></div>
                <div style="float: left;padding-top: 5px;">代&nbsp;&nbsp;办&nbsp;&nbsp;人：</div>
                <div contenteditable="true"
                     style="padding-top: 2px;width: 120px;height: 22px;border-bottom: 1px solid #0C0C0C;float: left;outline: none"></div>
            </div>
            <div style="padding: 0 7px;">
                <div style="float: left;padding-top: 5px;">病历号：</div>
                <div contenteditable="true"
                     style="padding-top: 2px;width: 120px;height: 22px;border-bottom: 1px solid #0C0C0C;float: left;outline: none">
                    呼吸内科
                </div>
                <div style="clear: both"></div>
                <div style="float: left;padding-top: 5px;">性&nbsp;&nbsp;&nbsp;别：</div>
                <div contenteditable="true"
                     style="padding-top: 2px;width: 120px;height: 22px;border-bottom: 1px solid #0C0C0C;float: left;outline: none"></div>
                <div style="clear: both"></div>
                <div style="float: left;padding-top: 5px;">年&nbsp;&nbsp;&nbsp;龄：</div>
                <div contenteditable="true"
                     style="padding-top: 2px;width: 120px;height: 22px;border-bottom: 1px solid #0C0C0C;float: left;outline: none"></div>
                <div style="clear: both"></div>
                <div style="float: left;padding-top: 5px;">代办人身份证：</div>
                <div contenteditable="true"
                     style="padding-top: 2px;width: 120px;height: 22px;border-bottom: 1px solid #0C0C0C;float: left;outline: none"></div>
            </div>
            <div style="width: 250px">
                <div style="float: left;padding-top: 5px;">处方号：</div>
                <div contenteditable="true"
                     style="padding-top: 5px;width: 120px;height: 22px;float: left;outline: none">1
                </div>
                <div style="clear: both"></div>
                <div style="float: left;padding-top: 5px;">身份证号码：</div>
                <div contenteditable="true"
                     style="padding-top: 2px;width: 120px;height: 22px;border-bottom: 1px solid #0C0C0C;float: left;outline: none"></div>
                <div style="clear: both"></div>
                <div style="float: left;padding-top: 5px;">执行科室：</div>
                <div contenteditable="true"
                     style="padding-top: 5px;width: 120px;height: 22px;float: left;outline: none">
                    新院门诊药房
                </div>
            </div>
        </div>
        <div style="display: flex;border: 1px solid #0C0C0C;margin-top: 10px">
            <div style="width: 300px;border-right: 1px solid #0C0C0C;padding: 20px 13px;position: relative">
                <div style="margin-bottom: 5px;font-weight: 600;font-size: 17px;">临床诊断：</div>
                <div contenteditable="true"
                     style="font-size: 14px;line-height: 22px;outline: none;margin-bottom: 25px;">
                    慢性阻塞性肺疾病，高血压，慢性肺源性心脏病，行动不便慢性阻塞性肺疾病，房颤，行动不便
                </div>
                <div style="font-size: 18px;position: absolute;bottom: 15px;left: 15px;">过敏性试验：<span
                        contenteditable="true" style="outline: none"></span></div>
            </div>
            <div style="width: 744px;position: relative">
                <div style="font-weight: 600;font-size: 17px;padding: 20px 13px;">R：
                    <div contenteditable="true"
                         style="font-size: 14px;font-weight: 400;outline: none;margin-bottom: 25px;display: flex;">
                        <div style="width: 360px;font-family:新宋体;font-weight: 600;font-size: 15px;">
                            利伐沙班(拜瑞妥片)<br/>
                            10mg ×14片 / 10mg1次/日<br/><br/>
                            桉柠蒎肠溶软胶囊(桉柠蒎肠溶软胶囊)<br/>
                            0.3g ×42胶囊 / 0.3g3次/日<br/><br/>
                            螺内酯(螺内酯片)<br/>
                            20mg ×28片 / 20mg2次/日<br/><br/>
                            呋塞米(呋塞米片)<br/>
                            20mg ×28片 / 20mg2次/日<br/><br/>
                            氯化钠(10%氯化钠注射液)<br/>
                            10ml × 42安瓶 / 10ml3次/日<br/><br/>
                        </div>
                        <div style="width: 220px;font-family:宋体;font-weight: 600;font-size: 15px;">
                            10毫克×5片/盒<br/>
                            3盒 × 138.00元/盒<br/><br/>
                            0.3克 ×12胶囊/盒<br/>
                            4盒 × 22.99元/盒<br/><br/>
                            20毫克 ×20片/袋<br/>
                            2袋 × 3.95元/袋<br/><br/>
                            20毫克 ×20片/袋<br/>
                            2袋 × 3.34元/袋<br/><br/>
                            20毫克 ×20片/袋<br/>
                            42安瓶 × 2.72元/安瓶<br/><br/>
                        </div>
                        <div style="width: 100px;font-family:宋体;font-weight: 600;font-size: 15px;">
                            口服<br/><br/><br/>
                            口服<br/><br/><br/>
                            口服<br/><br/><br/>
                            口服<br/><br/><br/>
                            口服<br/><br/><br/>
                        </div>
                        <div style="width: 100px;font-family:宋体;font-weight: 600;font-size: 15px;">
                            <br/>414.00元<br/><br/>
                            <br/>91.96元<br/><br/>
                            <br/>7.90元<br/><br/>
                            <br/>6.68元<br/><br/>
                            <br/>114.24元<br/><br/>
                        </div>
                        <div style="width: 70px;font-family:宋体;font-weight: 600;font-size: 15px;">
                            <br/>乙类<br/><br/>
                            <br/>甲类<br/><br/>
                            <br/>甲类<br/><br/>
                            <br/>甲类<br/><br/>
                            <br/>甲类<br/><br/>
                        </div>
                    </div>
                </div>
                <div style="float: right;position: absolute;bottom: 15px;right: 20px;display: flex">
                    <div style="float: left;margin-right: 60px">医师：<span contenteditable="true"
                                                                         style="outline: none;padding-left: 5px;"> </span>
                    </div>
                    <div style="float: left;margin-right: 60px">医师签名(盖章)：<span
                            contenteditable="true"
                            style=";outline: none;padding-left: 5px;"> </span></div>
                </div>
            </div>
        </div>
        <div>
            <div style="display: flex;justify-content: space-between;margin-top: 5px;font-size: 15px;">
                <div>
                    <div style="float: left;padding-top: 5px;margin-left: 100px">药费金额：</div>
                    <div contenteditable="true"
                         style="padding-top: 5px;width: 120px;height: 22px;float: left;outline: none"></div>
                </div>
                <div>
                    <div style="float: left;padding-top: 5px;">审核/调配签名(盖章)：</div>
                    <div contenteditable="true"
                         style="padding-top: 2px;width: 120px;height: 22px;float: left;outline: none"></div>
                </div>
                <div>
                    <div style="float: left;padding-top: 5px;">日期：</div>
                    <div contenteditable="true"
                         style="padding-top: 5px;width: 120px;height: 22px;float: left;outline: none">
                        2019年7月31日
                    </div>
                </div>
            </div>
            <div style="margin-top: 10px;text-align: center;font-size: 15px;">
                药师提示：1、请遵医嘱服药；2、请在窗口点清药品；3、处方3日内有效；4、发出药品不予退换；
            </div>
            <!--        <div class="layui-form">-->
            <!--            <div class="layui-form-item" style="clear: none;width: 130px;float: left;">-->
            <!--                <select id="drug" lay-verify="" name="drug" style="width: 120px" th:onchange="setdrug()">-->
            <!--                    <option value="">请选择药品</option>-->
            <!--                    <option th:attr="drugPrice=${drugT.price}"-->
            <!--                            th:each="drugT:${drugs}"-->
            <!--                            th:text="${drugT.drugName}"-->
            <!--                            th:value="${drugT.id}"-->

            <!--                    >-->
            <!--                    </option>-->
            <!--                </select>-->
            <!--            </div>-->
            <!--            <div class="layui-inline" style="clear: none;width: 160px;float: left;margin-left: 15px">-->
            <!--                <input class="layui-input" id="dosage" name="dosage" placeholder="请选择服用类型" type="text">-->
            <!--            </div>-->
            <!--            <div class="layui-inline" style="clear: none;width: 120px;float: left;margin-left: 15px">-->
            <!--                <input class="layui-input" id="specification" name="specification" placeholder="请选择规格" type="text">-->
            <!--            </div>-->
            <!--            <div class="layui-form-item" style="clear: none;width: 160px;float: left;margin-left: 15px">-->
            <!--                <input class="layui-input" id="employ" name="employ" placeholder="请选择用法用量" type="text">-->
            <!--            </div>-->
            <!--            <div class="layui-form-item" style="clear: none;width: 160px;float: left;margin-left: 15px">-->
            <!--                <select id="numb" lay-verify="" name="numb" style="width: 160px">-->
            <!--                    <option value="">请选择药品数量</option>-->
            <!--                    <option value="1">1</option>-->
            <!--                    <option value="2">2</option>-->
            <!--                    <option value="3">3</option>-->
            <!--                    <option value="4">4</option>-->
            <!--                    <option value="5">5</option>-->
            <!--                    <option value="6">6</option>-->
            <!--                    <option value="7">7</option>-->
            <!--                    <option value="8">8</option>-->
            <!--                    <option value="9">9</option>-->
            <!--                </select>-->
            <!--            </div>-->
            <!--            <div class="layui-form-item" style="float: left;margin-left: 22px;clear: none">-->
            <!--                <div class="layui-input-block" style="margin-left: 0">-->
            <!--                    <button class="layui-btn" onclick="addDrug();">添加药品</button>-->
            <!--                </div>-->
            <!--            </div>-->
            <!--            <table class="layui-table">-->
            <!--                <colgroup>-->
            <!--                    <col width="100">-->
            <!--                    <col width="200">-->
            <!--                    <col width="200">-->
            <!--                    <col width="200">-->
            <!--                    <col width="200">-->
            <!--                    <col width="200">-->
            <!--                    <col width="100">-->
            <!--                </colgroup>-->
            <!--                <thead>-->
            <!--                <tr>-->
            <!--                    <th>序号</th>-->
            <!--                    <th>药品</th>-->
            <!--                    <th>服用类型</th>-->
            <!--                    <th>规格</th>-->
            <!--                    <th>用法用量</th>-->
            <!--                    <th>金额</th>-->
            <!--                    <th>操作</th>-->
            <!--                </tr>-->
            <!--                </thead>-->
            <!--                <tbody id="show_new">-->
            <!--                <tr>-->
            <!--                    <td rowspan='2'>1</td>-->
            <!--                    <td>盐酸司来吉兰片</td>-->
            <!--                    <td>口服</td>-->
            <!--                    <td>12粒*2板</td>-->
            <!--                    <td>一日三次，一次两粒</td>-->
            <!--                    <td>36</td>-->
            <!--                    <td rowspan='2'>-->
            <!--                        <button class='layui-btn' onclick='del(" + did + ")'>删除</button>-->
            <!--                    </td>-->
            <!--                </tr>-->
            <!--                <tr>-->
            <!--                    <td>警示等级：1</td>-->
            <!--                    <td>警示项：怀孕、哺乳</td>-->
            <!--                    <td colspan="3">警示信息：司来吉兰在不稳定性高血压、心律失常、重度心绞痛、精神病患者或有消化性溃疡病史的患者中用药时须特别谨慎，因治疗期间上述疾病可能会恶化。</td>-->
            <!--                </tr>-->
            <!--                <tr>-->
            <!--                    <td rowspan='2'>2</td>-->
            <!--                    <td>芩连胶囊</td>-->
            <!--                    <td>口服</td>-->
            <!--                    <td>16粒*2板</td>-->
            <!--                    <td>一日三次，一次两粒</td>-->
            <!--                    <td>26</td>-->
            <!--                    <td rowspan='2'>-->
            <!--                        <button class='layui-btn' onclick='del(" + did + ")'>删除</button>-->
            <!--                    </td>-->
            <!--                </tr>-->
            <!--                <tr>-->
            <!--                    <td>警示等级：3</td>-->
            <!--                    <td>警示项：怀孕、哺乳</td>-->
            <!--                    <td colspan="3">警示信息：尚不明确</td>-->
            <!--                </tr>-->
            <!--                <tr>-->
            <!--                    <td rowspan='2'>2</td>-->
            <!--                    <td>克拉霉素片</td>-->
            <!--                    <td>口服</td>-->
            <!--                    <td>6粒*2板</td>-->
            <!--                    <td>一日三次，一次两粒</td>-->
            <!--                    <td>26</td>-->
            <!--                    <td rowspan='2'>-->
            <!--                        <button class='layui-btn' onclick='del(" + did + ")'>删除</button>-->
            <!--                    </td>-->
            <!--                </tr>-->
            <!--                <tr>-->
            <!--                    <td>警示等级：5</td>-->
            <!--                    <td>警示项：怀孕、哺乳</td>-->
            <!--                    <td colspan="3">警示信息：主要有口腔异味（3%），腹痛、腹泻、恶心、呕吐等胃肠道反应（2%-3%），头痛（2%），血清氨基转移酶短暂升高。</td>-->
            <!--                </tr>-->
            <!--                </tbody>-->
            <!--                <tfoot>-->
            <!--                <td colspan="5">合计金额</td>-->
            <!--                <td colspan="2" id="money">132</td>-->
            <!--                </tfoot>-->
            <!--            </table>-->
            <!--            <div class="layui-form-item layui-form-text">-->
            <!--                <div class="layui-input-block" style="margin-left: 0">-->
            <!--                    <textarea name="desc" id="remark" placeholder="请输入医嘱" class="layui-textarea"></textarea>-->
            <!--                </div>-->
            <!--            </div>-->
            <!--            <div class="layui-form-item">-->
            <!--                <div class="layui-input-block" style="margin-left: 0">-->
            <!--                    <button class="layui-btn" id="subbtn" onclick="add();">提交开方</button>-->
            <!--                    <button class="layui-btn layui-btn-primary" type="reset">重置</button>-->
            <!--                </div>-->
            <!--            </div>-->
            <!--        </div>-->
        </div>
    </div>
</div>
<!--<footer class="footer page-footer relative" data-v-01550c13="">-->
<!--    <div class="container footer-body" data-v-01550c13="">-->
<!--        <div class="row" data-v-01550c13="">-->
<!--            <div class="col-md-4" data-v-01550c13="">-->
<!--                <div data-v-01550c13="">-->
<!--                    &lt;!&ndash;-->
<!--                     <img src="./在线做实验，高效学编程 - 实验楼_files/4a4ab3d.svg" data-v-01550c13="" />-->
<!--         &ndash;&gt;北大·药学院-->
<!--                </div>-->
<!--                <div class="slogan" data-v-01550c13="">-->
<!--                    北大·药学院 <br>-->
<!--                    动手动脑 救死扶伤-->
<!--                </div>-->
<!--                <div class="social" data-v-01550c13="">-->
<!--                                <span class="weixin" data-v-01550c13=""><i class="fa fa-weixin" data-v-01550c13=""></i> <img-->
<!--                                        class="qrcode" data-v-01550c13=""-->
<!--                                        src="./在线做实验，高效学编程 - 实验楼_files/shutu.png"-->
<!--                                th:src="@{/zp/shutu.png}"/></span>-->
<!--                    <a data-v-01550c13="" href="#" target="_blank"><i class="fa fa-weibo"-->
<!--                                                                      data-v-01550c13=""></i></a>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-md-2 links" data-v-01550c13="">-->
<!--                <div class="title" data-v-01550c13="">-->
<!--                    公司-->
<!--                </div>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 关于我们 </a>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 联系我们 </a>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 加入我们 </a>-->
<!--            </div>-->
<!--            <div class="col-md-2 links" data-v-01550c13="">-->
<!--                <div class="title" data-v-01550c13="">-->
<!--                    合作-->
<!--                </div>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 成为作者 </a>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 教师合作 </a>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 友情链接 </a>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 开发者 </a>-->
<!--            </div>-->
<!--            <div class="col-md-2 links" data-v-01550c13="">-->
<!--                <div class="title" data-v-01550c13="">-->
<!--                    服务-->
<!--                </div>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 实习训练 </a>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 常见问题 </a>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 指导实验 </a>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 实验报告 </a>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 真人解答 </a>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 隐私条款 </a>-->
<!--            </div>-->
<!--            <div class="col-md-2 links" data-v-01550c13="">-->
<!--                <div class="title" data-v-01550c13="">-->
<!--                    学习路径-->
<!--                </div>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 内科学习路径 </a>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 口腔科学习路径 </a>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 外科学习路径 </a>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 脑科学习路径 </a>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 普外科学习路径 </a>-->
<!--                <a class="link" data-v-01550c13="" href="#" target="_blank"> 全部 </a>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    <div class="footer-footer" data-v-01550c13="">-->
<!--        <span data-v-01550c13="">Copyright @2013-2020 实验楼在线教育 | </span>-->
<!--        <a data-v-01550c13="" href="#" target="_blank"> 蜀ICP备13019762号 </a>-->
<!--    </div>-->
<!--</footer>-->
<!--<div class="col-md-12" style="text-align: center;background: #191919;padding: 10px;">-->
<!--    <span>Copyright @2013-2020 北大药学网在线教育 |</span><span> 某ICP备*******号</span>-->
<!--</div>-->
<div><img src="../../static/zp/footer_qqqq.png" th:src="@{/zp/footer_qqqq.png}"/></div>
<!--_footer 作为公共模版分离出去-->
<div th:replace="_footer :: footerjs">
    <div th:replace="_ueditor :: ueditor"></div>
</div>
<!--/_footer 作为公共模版分离出去-->
<script>
    //Demo
    layui.use('form', function () {
        var form = layui.form;

        //监听提交
        form.on('submit(formDemo)', function (data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });
</script>
<script>
    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function () {
        var element = layui.element;

        //…
    });
</script>
<script>
    var setdrug = function () {

        console.log(setdrug);
        $.ajax({
            url: "/views/views/recipe",
            type: "post",
            data: {"id": id},
            dataType: "json",
            success: function (data) {
                $("dosage").val(data.dosage);
                $("specification").val(data.specification);
                $("employ").val(data.employ);
            },
            error: function (a, b, c) {
                alert(a + "" + b + "" + c);
            }
        })
    }

    function func() {
        //获取被选中的option标签

        var vs = $('#drug option:selected').val();
        console.log(vs);
    }

    /* $("#drug").change(function () {
         var opt = $("#drug").text();
         console.log(opt);
     });*/
</script>
<script>
    var recipeDrugs = new Array();
    var warninginf = new Array();
    var addDrug = function () {
        var drugName = $("#drug").children('option:selected').text();
        var drugId = $("#drug").val();
        var dosage = $("#dosage").val();
        var specification = $("#specification").val();
        var employ = $("#employ").val();
        var numb = $("#numb").children('option:selected').text();
        var price = $("#drug").children('option:selected').attr("drugprice");
        var money = numb * price;
        if (drug == " ") {
            alert("请选择药品!");
        } else if (dosage == " ") {
            alert("请添加服用类型!");
        } else if (specification == " ") {
            alert("请添加规格!");
        } else if (employ == " ") {
            alert("请添加用法用量!");
        } else if (numb == " ") {
            alert("请选择数量!");
        } else {
            /*let drugItem = {
                drugName: drugName,
                drugId: drugId,
                dosage: dosage,
                specification: specification,
                employ: employ,
                numb: numb,
                money: money,
            };*/
            recipeDrugs.push({
                drugName: drugName,
                drugId: drugId,
                dosage: dosage,
                directions: specification,

                dose: numb,
                money: money,
            });

            $.ajax({
                url: "/views/views/Warning",
                type: "post",
                data: {"drugId": drugId},
                dataType: "json",
                success: function (data) {
                    warninginf.push({
                        warningLevel: data.warningLevel,
                        warningItems: data.warningItems,
                        warningInfor: data.warningInfor,
                    });

                }
            });
        }
        showTable();
    }
    var del = function (id) {
        did--;
        recipeDrugs.splice(id - 1, 1);
        // warninginf.splice(id - 1, 1);
        showTable();
    }
    var showTable = function () {

        var tr = "";
        var tr1 = "";
        var tr2 = "";
        did = 1;
        for (var warning of warninginf) {
            tr2 += "<tr>"
                + "<td>药品警示等级:</td>"
                + "<td>" + warning.warningLevel + "</td>"
                + "<td>药品警示项:</td>"
                + "<td>" + warning.warningItems + "</td>"
                + "<td colspan=\"3\">药品警示信息:" + warning.warningInfor
                + "</td></tr>";
        }
        for (var drug of recipeDrugs) {
            tr1 += "<tr id='tr" + did + "'>"
                + "<td>" + did + "</td>"
                + "<td>" + drug.drugName + "</td>"
                + "<td>" + drug.dosage + "</td>"
                + "<td>" + drug.directions + "</td>"
                + "<td>" + drug.dose + "</td>"
                + "<td>" + drug.money + "</td>"
                + "<td>" + "<button class='layui-btn' onclick='del(" + did + ")'>删除</button>"
                + "</td>" +
                "</tr>" + tr1 +
                did++;
        }
        $("#show_new").empty().append(tr1);
    }
    var add = function () {
        var patientId = $("#patientId").val();
        var departmentId = $("#departmentId").val();
        var remark = $("#remark").val();
        var money = $("#money").text();
        $.ajax({
            url: "/views/views/save",
            type: "post",
            contentType: 'application/json;charset=utf-8',
            data: JSON.stringify({
                "patientId": patientId,
                "remark": remark,
                "departmentId": departmentId,
                "prices": money,
                "recipeDrugs": recipeDrugs
            }),
            dataType: "json",
            success: function (data) {
                if (data.code == 1) {
                    layui.use('layui', function () {
                        var layer = layui.layer;
                        layer.msg("开具处方成功");
                    });
                } else {
                    layer.msg("系统繁忙！");
                }
            }
        })

    }
</script>
</body>
</html>